.theme-card {
  height: 100%;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;

  .ant-card-body {
    height: 100%;
    overflow: hidden;
    flex: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;

    .theme-view {
      width: 100%;
      flex: auto;
      background: #f2f2f2;
      display: flex;
      height: 10rem;

      .theme-view-side {
        width: 13%;
        height: 100%;

        .theme-side-child {
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.7);
        }
      }

      .theme-view-content {
        flex: auto;

        .theme-view-head {
          height: 12%;
          background: #ffffff;
          border: 1px solid #f2f2f2;
        }
      }
    }

    .theme-title {
      margin-top: 0.5rem;
    }
  }
}
